<template>
  <div class="home">
    <p>{{ msg }}</p>
    <button @click="changeMsg">改变数据</button>
  </div>
</template>

<!-- setup新写法 -->
<script setup>
import { ref } from 'vue'

// 1.ref使数据成为响应式
let msg = ref('小红');
console.log(msg);
let changeMsg = () => {
  // 2.使用数据时要加上.vlaue方法
  msg.value = '改变小红';
  console.log('改变数据' + msg.value);
}

</script>
